<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
<meta name="description"
	content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

<link rel="shortcut icon"
	href="<%=request.getContextPath()%>/Hplus/favicon.ico">
<link
	href="<%=request.getContextPath()%>/Hplus/css/bootstrap.min.css?v=3.3.6"
	rel="stylesheet">
<link
	href="<%=request.getContextPath()%>/Hplus/css/font-awesome.css?v=4.4.0"
	rel="stylesheet">

<!-- jqgrid-->
<link
	href="<%=request.getContextPath()%>/Hplus/css/plugins/jqgrid/ui.jqgrid.css?0820"
	rel="stylesheet">

<link href="<%=request.getContextPath()%>/Hplus/css/animate.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/Hplus/css/style.css?v=4.1.0"
	rel="stylesheet">

<style>
/* Additional style to fix warning dialog position */
#alertmod_table_list_2 {
	top: 900px !important;
}

.close {
	position: relative;
	margin-top: -40%;
	margin-right: -20%;
}

.tabSpan {
	background-color: #F4A460;
	font-size: 25px;
	cursor: pointer;
}

.tabSpan {
	font-size: 20px;
	cursor: pointer;
}
</style>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
				<form method="get" class="form-horizontal">
					<input type="hidden" name="id" value="${requestScope.id }"/>
					<div class="ibox float-e-margins">
						<div class="ibox-title"></div>
						<div class="ibox-content">

							
							<div class="form-group">
								<label class="col-sm-4 control-label">角色名：</label>
								<div class="col-sm-5">
									<input type="text" name="roleName" class="form-control"
										placeholder="请输入用户名" value="${requestScope.roleName }">
								</div>
							</div>



							<div class="form-group">
								<label class="col-sm-4 control-label">角色编号：</label>
								<div class="col-sm-5">
									<input type="text" name="roleCode" class="form-control"
										placeholder="请输入密码" <c:if test="${not empty requestScope.roleCode }">readonly="readonly"</c:if> value="${requestScope.roleCode }">
								</div>
							</div>
						</div>
				</form>
			</div>
		</div>
	</div>



	<!-- 全局js -->
	<script
		src="<%=request.getContextPath()%>/Hplus/js/jquery.min.js?v=2.1.4"></script>
	<script
		src="<%=request.getContextPath()%>/Hplus/js/bootstrap.min.js?v=3.3.6"></script>

	<!-- 自定义js -->
	<script
		src="<%=request.getContextPath()%>/Hplus/js/content.js?v=1.0.0"></script>

	<!-- iCheck -->
	<script
		src="<%=request.getContextPath()%>/Hplus/js/plugins/iCheck/icheck.min.js"></script>

	<script type="text/javascript"
		src="<%=request.getContextPath()%>/js/baseUI.js"></script>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/js/layer.js"></script>
	<script>
        
        function save(){
        	$.ajax({
        		type: 'post',
        		datatype:'json',
        	    url: '<%=request.getContextPath() %>/role/save',
        	    data: $("form").serialize(),
        	    success: function(data) {
        	        if(data.flag){
        	        	var tab = $("#table_list_3",window.parent.document);
        	        	$("#table_list_3",window.parent.document).trigger("reloadGrid");
        	        	
        	        	var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        	            parent.layer.close(index);
        	        }
        	    }
        	});
        }
	</script>

	<script type="text/javascript"
		src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
	<!--统计代码，可删除-->

</body>
</html>